<!doctype html>
<html lang="en" class="ng-app">
<head>
    <title>Angular-RequireJS-Bower-Bootstrap example</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" type="text/css" media="all" href="app/css/main.css"/>
    <link rel="stylesheet" type="text/css" media="all" href="../../lib/bootstrap/3.1.1/css/bootstrap.css"/>
</head>
<body>
<!-- Fixed navbar -->
<div class="navbar navbar-default navbar-fixed-top" ng-controller="menu">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">AngularJS + RequireJS + Bower + Bootstrap example</a>
        </div>
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li ng-class="{active: location.path() == '/view1'}"><a href="#/view1">View 1</a></li>
                <li ng-class="{active: location.path() == '/view2'}"><a href="#/view2">View 2</a></li>
            </ul>
        </div>
        <!--/.nav-collapse -->
    </div>
</div>
<div id="wrap">
    <div class="container" ng-view></div>
</div>
<div id="footer">
    <div class="container">
        <p class="text-muted credit">This is a
            <a href="http://github.com/cdeng/angular-requirejs-bower-bootstrap" title="Github project" target="_blank">Github</a>
            Project. {{ 'Current version is v%VERSION%.' | interpolate }}
        </p>
    </div>
</div>
<script data-main="app/js/main" src="../../lib/requirejs/2.1.11/require.js"></script>
</body>
</html>
